HTML ইনপুট ফর্ম* বৈশিষ্ট্য
এই অধ্যায়টি HTML <input> উপাদানের জন্য বিভিন্ন ফর্ম* বৈশিষ্ট্য বর্ণনা করে।
মূল ধারণা:
ফর্ম* বৈশিষ্ট্যগুলি ইনপুট উপাদানগুলিকে ফর্ম উপাদানের বৈশিষ্ট্যগুলিকে ওভাররাইড করার অনুমতি দেয়। এগুলি সাধারণত সাবমিট এবং ইমেজ ইনপুট প্রকারের সাথে ব্যবহার করা হয়।
ফর্ম বৈশিষ্ট্য
ইনপুট ফর্ম অ্যাট্রিবিউট সেই ফর্মটি নির্দিষ্ট করে যেটি <input> উপাদানটির অন্তর্গত।
এই অ্যাট্রিবিউটের মান অবশ্যই <form> এলিমেন্টের আইডি অ্যাট্রিবিউটের সমান হতে হবে যার সাথে এটি রয়েছে।
উদাহরণ
একটি HTML ফর্মের বাইরে অবস্থিত একটি ইনপুট ক্ষেত্র (কিন্তু এখনও ফর্মের অংশ):
<form action="/action_page.php" id="form1">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">
গঠন বৈশিষ্ট্য
ইনপুটফরম্যাকশন অ্যাট্রিবিউট ফাইলের URL নির্দিষ্ট করে যা ফর্ম জমা দেওয়ার সময় ইনপুট প্রক্রিয়া করে।
| বৈশিষ্ট্য | দরকারী ইনপুট প্রকার |
|---|---|
| formaction | জমা দিন এবং ছবি |
উদাহরণ
দুটি সাবমিট বোতাম সহ একটি HTML ফর্ম বিভিন্ন ক্রিয়া সহ:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
ফরমেন্সটাইপ অ্যাট্রিবিউট
ইনপুট ফর্মেন্টাইপ অ্যাট্রিবিউট নির্দিষ্ট করে যে ফর্ম-ডেটা জমা দেওয়ার সময় কীভাবে এনকোড করা উচিত (কেবল পদ্ধতি="পোস্ট" সহ ফর্মগুলির জন্য)।
উদাহরণ
দুটি জমা বোতাম সহ একটি ফর্ম। প্রথমটি ডিফল্ট এনকোডিং সহ ফর্ম-ডেটা পাঠায়, দ্বিতীয়টি "মাল্টিপার্ট/ফর্ম-ডেটা" হিসাবে এনকোড করা ফর্ম-ডেটা পাঠায়:
<form action="/action_page_binary.asp" method="post">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formenctype="multipart/form-data"
value="Submit as Multipart/form-data">
</form>
প্রধান আবেদন:
ফাইল আপলোডের জন্য formectype="multipart/form-data" প্রয়োজন কারণ এটি বাইনারি ডেটা পাঠানোর অনুমতি দেয়।
ফর্মমেথড অ্যাট্রিবিউট
ইনপুট ফর্মমেথড অ্যাট্রিবিউট অ্যাকশন URL-এ ফর্ম-ডেটা পাঠানোর জন্য HTTP পদ্ধতিকে সংজ্ঞায়িত করে।
উদাহরণ
দুটি জমা বোতাম সহ একটি ফর্ম। প্রথমটি method="get" দিয়ে ফর্ম-ডেটা পাঠায়। দ্বিতীয়টি method="post" সহ ফর্ম-ডেটা পাঠায়:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit using GET">
<input type="submit" formmethod="post" value="Submit using POST">
</form>
"GET" পদ্ধতিতে নোট:
- এই পদ্ধতিটি ফর্ম-ডেটাকে URL-এর সাথে নাম/মান পেয়ার হিসেবে আবদ্ধ করে
- এই পদ্ধতিটি ফর্ম জমা দেওয়ার জন্য দরকারী যেখানে ব্যবহারকারী ফলাফল বুকমার্ক করতে চায়
- একটি ইউআরএলে কতটা ডেটা রাখা যাবে তার একটা সীমা আছে
- স্পর্শকাতর তথ্য পাঠাতে "GET" পদ্ধতি ব্যবহার করবেন না!
"POST" পদ্ধতিতে নোট:
- এই পদ্ধতিটি একটি HTTP পোস্ট লেনদেন হিসাবে ফর্ম-ডেটা পাঠায়
- "POST" পদ্ধতি সহ ফর্ম জমা বুকমার্ক করা যাবে না
- "পোস্ট" পদ্ধতি "GET" এর চেয়ে আরও শক্তিশালী এবং সুরক্ষিত।
- "POST" এর কোনো আকারের সীমা নেই
ফরমটার্গেট অ্যাট্রিবিউট
ইনপুট ফর্মটার্গেট অ্যাট্রিবিউট একটি নাম বা কীওয়ার্ড নির্দিষ্ট করে যা নির্দেশ করে যে ফর্মটি জমা দেওয়ার পরে প্রাপ্ত প্রতিক্রিয়া কোথায় প্রদর্শন করতে হবে।
উদাহরণ
বিভিন্ন টার্গেট উইন্ডো সহ দুটি জমা বোতাম সহ একটি ফর্ম:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
| লক্ষ্য মান | ব্যাখ্যা |
|---|---|
| _blank | নতুন উইন্ডো/ট্যাবে খোলে |
| _self | বর্তমান উইন্ডোতে খোলে (ডিফল্ট) |
| _parent | শীর্ষে খোলে |
| _top | পুরো উইন্ডোতে খোলে |
formnovalidate বৈশিষ্ট্য
ইনপুট ফর্মনোলিডেট অ্যাট্রিবিউট নির্দিষ্ট করে যে একটি <ইনপুট> উপাদান জমা দেওয়ার সময় যাচাই করা উচিত নয়।
উদাহরণ
দুটি জমা বোতাম সহ একটি ফর্ম (বৈধকরণ সহ এবং ছাড়া):
<form action="/action_page.php">
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit" formnovalidate="formnovalidate"
value="Submit without validation">
</form>
novalidate বৈশিষ্ট্য
নোভালিডেট অ্যাট্রিবিউট হল একটি <form> অ্যাট্রিবিউট।
উপস্থিত থাকলে, নোভালিডেট উল্লেখ করে যে জমা দেওয়ার সময় সমস্ত ফর্ম-ডেটা যাচাই করা উচিত নয়।
উদাহরণ
উল্লেখ করুন যে জমা দেওয়ার সময় কোনও ফর্ম-ডেটা যাচাই করা উচিত নয়:
<form action="/action_page.php" novalidate>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>
মূল পার্থক্য:
novalidate(ফর্মে): সম্পূর্ণ ফর্মের জন্য বৈধতা অক্ষম করে
formnovalidate(ইনপুটে): নির্দিষ্ট জমা বোতামের জন্য বৈধতা অক্ষম করে
অনুশীলন করুন
কোনটি একটি INPUT উপাদানের জন্য একটি আইনি ফর্ম বৈশিষ্ট্য নয়?
এইচটিএমএল ফর্ম এবং ইনপুট উপাদান
| ট্যাগ | ব্যাখ্যা |
|---|---|
| <form> | ব্যবহারকারীর ইনপুটের জন্য একটি HTML ফর্ম সংজ্ঞায়িত করে |
| <input> | ইনপুট নিয়ন্ত্রণ সংজ্ঞায়িত করে |
অতিরিক্ত উত্স:
সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।
ফর্ম* বৈশিষ্ট্যের সারাংশ:
| বৈশিষ্ট্য | লঙ্ঘন করে | দরকারী ইনপুট প্রকার |
|---|---|---|
| form | - | সবকিছু |
| formaction | action | submit, image |
| formenctype | enctype | submit, image |
| formmethod | method | submit, image |
| formtarget | target | submit, image |
| formnovalidate | novalidate | submit |